<!doctype html>
<html>
    <head>
        <title>Formulario</title>

        <link href="EstiloTaller2.css" type="text/css" rel="stylesheet">


        <script type="text/javascript"
        src="javascript/jquery-1.9.1.js"></script>

        <script type="text/javascript"
        src="javascript/efectoform.js"></script>

        <meta http-equiv="Content-Type" content="text/html;charset=windows-1252">
    </head>
    <body>
        <div id = "pagina">
            <div id="Encabezado"> <br>&nbsp;&nbsp;&nbsp;ADMINISTRACIÓN DE BIENES </div>   
            <br><div class="formulario1">
                <div id="cliente"> &nbsp;&nbsp;&nbsp;  Clientes </div>

                <div id="paso1">
                    <div id="barraclientes">

                    </div>
                    <br> <form  method="post" action="control.php" enctype="multipart/form-data">  

                        <fieldset> 
                            <legend > Datos Cliente </legend>          
                            <div class="left">
                                <label for="txtNombre"> Nombre: <span class="asterisco">*</span> </label> <input type="text" name="nombres" id="txtNombre" required></div>

                            <div class="right">
                                <label for="txtApellido">Apellido: <span class="asterisco">*</span> </label> <input type="text" name="apellidos" id="txtApellido" required> </div>

                            <div class="left">
                                <label for="txtCedula">Cedula: <span class="asterisco">*</span></label> <input type="text" name="cedula" id="txtCedula" required> </div>

                            <div class ="right">
                                <label for="date">Fecha: <span class="asterisco">*</span> </label><input type="date" name="F_nacimiento" id="date" required></div>

                            <div class= "left">
                                <label > Sexo: <span class="asterisco">*</span> </label>          
                                <label><input type="radio" name="genero" value="masculino" /> Masculino </label> <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <label><input type="radio" name="genero" value="femenino" /> Femenino </label></div>
                            <div class ="right">
                                <label for= "numero"> N&uacute;mero De Hijos: <span class="asterisco">*</span> </label><input type="number" id ="numero" name ="N_hijos" min ="1" max="10" required></div>

                            <div class ="right"> 
                                <label for ="correo"> Correo Electronico: <span class="asterisco">*</span></label><input type="email" id ="correo" name ="correo" required></div>

                            <div class ="left">
                                <label for ="Texto"> Fotografia: <span class="asterisco">*</span>&nbsp;&nbsp;</label><input type="file" name ="foto" id ="foto"  required></div> </fieldset>

                        <div class ="Enviar"> <br><br>&nbsp;&nbsp;
                            <label for ="enviarCliente"> </label><input type="submit" id ="enviar" name ="enviarCliente" value ="Enviar Cliente" > </div> </form></div>
                <div id="paso2">
                    <div id="barraactivos">

                    </div>



                    <br> <div class ="formulario2">
                        <div id ="activos">&nbsp;&nbsp;&nbsp; Activos</div>
                        <br>
                        <form method="post" action="control.php">

                            <fieldset> 
                                <legend >Datos Activos</legend>         
                                <div class="right">
                                    <label for="cedula">Id Cliente : <span class="asterisco">*</span></label> <input type="text" name="cedula" id="cedula" required> </div>

                                <div class ="left">
                                    <label for ="id_Activo" >Id Activo : <span class="asterisco">*</span> </label> <input type="text" name = "id_activo" id = "id_activo" required> </div>

                                <div class = "right">
                                    <label >Tipo De Activo: <span class="asterisco">*</span> </label>   &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
                                    <select name="tipo_activo" size="1">
                                        <option value="casa">Casa</option>
                                        <option value="apartamento">Apartamento</option>
                                        <option value="finca">Finca</option>
                                        <option value="local">Local</option>
                                        <option value="automovil">Automovil</option>
                                        <option value="motocicleta">Motocicleta</option> </select> </div>

                                <div class = "left">
                                    <label >Categoria: <span class="asterisco">*</span> </label>   &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;
                                    <select name="categoria" size="1">
                                        <option value="Activo corriente">Activo corriente</option>
                                        <option value="Activo no corriente">Activo no corriente </option>
                                        <option value="Activo financiero">Activo financiero</option>
                                        <option value="Activo fijo">Activo fijo</option>
                                        <option value="Activo intangible">Activo intangible</option>
                                        <option value="Activo subyacente">Activo subyacente</option>
                                        <option value="Activo funcional">Activo funcional</option> </select> </div>

                                <div class= "right">
                                    <label for ="marca">Marca:  </label> <input type="text" name = "marca" id = "marca" required> </div>

                                <div class ="left">
                                    <label for ="modelo">Modelo: <span class="asterisco">*</span> </label> <input type="text" name = "modelo" id = "modelo" required> </div>

                                <div class= "right">
                                    <label for="descripcion">Descripcion: <span class="asterisco">*</span> </label> <textarea name="descripcion" cols="20" rows="2">Escriba las caracteristicas.. </textarea> </div>

                                <div class ="left">
                                    <label for="notas">Notas:  </label> <textarea name="notas" cols="20" rows="2">Escriba sus comentarios.. </textarea> </div></fieldset> 

                            <div> <br><br>&nbsp;&nbsp;
                                <label for = "enviarActi"> </label><input type="submit" id ="enviarActi" name ="enviarActi" value ="Enviar Activo"> </div> 
                    </div> </div> </form> 
                <input class="boton"
                       type="submit"
                       name="atras"
                       id="atras"
                       value="Atras">
                <input class="boton"
                       type="submit"
                       name="siguiente"
                       id="siguiente"
                       value="Siguiente">

                </body>
                </html>